<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<title>车来了</title>
		<meta name="description" content="最精准的实时公交App">
		<meta name="apple-mobile-web-app-title" content="车来了">

		<!--顺序不可以变，要不360的不使用极速的内核-->
		<meta name="renderer" content="webkit">
		<meta name="force-rendering" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimal-ui">

		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">

		<!--下面两个不能合并写，要不浏览器就都不支持了-->
		<meta name="format-detection" content="telephone=no;">
		<meta name="format-detection" content="address=no;email=no;">

		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta name="mobile-web-app-capable" content="yes">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="cleartype" content="on">

		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

		<!-- build:css({.tmp,0112wastsons}) styles/style.css -->
		<link type="text/css" rel="stylesheet" href="css/css.css" />
		<!-- endbuild -->

		<script>
			var isIOS = /iP(ad|hone|od)/.test(navigator.userAgent);
			if(isIOS) {
				var scale = 1 / window.devicePixelRatio;
				document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=device-width, initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
				document.documentElement.style.fontSize = document.documentElement.clientHeight / 10 + 'px';
			}
		</script>
	</head>

	<body>
		<!--登陆页面-->
		<div id="login" class="login">
			<div class="login_middle">
				<h1>登陆</h1>
				<form name="mobileform" method=" " onSubmit="return checkMobile();">
					<input class='login_name' maxLength="4" placeholder="用户名"><br />
					<input name="email" class='login_email' placeholder="邮箱">
					<!--错误提示-->
					<span id="login_hint" class="login_hint hide">*您输入的邮箱不正确</span>
					<input name="action" type="hidden" value='email'>
					<br />
					<input class='goUp' name='goUp' type='submit' value="登陆">
				</form>

			</div>
		</div>
		<!--登陆页面结束-->

		<div id="box" class="box hide">
			<!--有多少次机会-->
			<div class="box_change">
				<p>恭喜你!<br />你有
				<font class="box_change_css"><span id="box_change">1</span>次</font>抽奖机会</p>
			</div>
			
			<!--中间主要部分-->
			<div class="main">
				<ul id="main_ul" class="main_ul">
					<li id="main_1" class="main_li">
						<img src="images/img1.png" />
						<span>终身VIP会员</span>
					</li>
					<li id="main_2" class="main_li ">
						<img src="images/img2.png" />
						<span>三年VIP会员</span>
					</li>
					<li id="main_3" class="main_li ">
						<img src="images/img3.png" />
						<span>半年VIP会员</span>
					</li>
					<li id="main_4" class="main_li">
						<img src="images/img4.png" />
						<span>399元充值卡一张</span>
					</li>
					<!--中间抽奖按钮-->
					<li id="main_center" class="main_li main_center"></li>
					<li id="main_5" class="main_li ">
						<img src="images/img5.png" />
						<span>100元充值卡一张</span>
					</li>
					<li id="main_6" class="main_li ">
						<img src="images/img6.png" />
						<span>免费体验一次</span>
					</li>
					<li id="main_7" class="main_li ">
						<img src="images/img7.png" />
						<span>九折优惠券一张</span>
					</li>
					<li id="main_8" class="main_li ">
						<img src="images/img8.png" />
						<span>参与大礼包一份</span>
					</li>
				</ul>
			</div>
		</div>

	</body>
	<script src="js/js.js"></script>

</html>